// Math.random()生成的ID在客户端、服务端不匹配
// useId可以生成稳定、唯一的id
// 每个id代表该组件在组件树中的层级结构
// 层级本身就能作为服务端、客户端之间不变的标识

import React,{useId} from 'react';
function Footer() {
  const id = useId();
  return (
    <div>
      <label htmlFor={id}>are you ok?</label>
      <input type="checkbox" id={id} />
    </div>
  );
}
export default Footer;